.avtive{
	color: #FBD220;
}
page{
  // height: 100vh;
}
/deep/.u-index-bar__sidebar{
	view{
		padding-top: 0;
		margin: 0;
	}
}
.chooseAddressee{
  .search{
		position: fixed;
		width: 100%;
		top:0;
		z-index: 99;
    background-color: #fff;
    padding: 10rpx 24rpx;
  }
  .user-list-box{
    flex: 1;
    
		// height: 100vh;
    overflow: hidden;
    position: relative;
    .checkbox-group{
      width: 100%;
    }
    .scroll{
      // background-color: red;
      .item{
        .index-anchor{
          box-sizing: border-box;
          padding: 14rpx 24rpx;
          color: #606266;
          width: 100%;
          font-weight: 500;
          font-size: 28rpx;
          line-height: 1.2;
          background-color: #f5f5f5;
        }
        .index-item{
          .children-item{
            display: flex;
            align-items: center;
            padding: 0 25rpx;
            .user{
              margin-left: 40rpx;
              flex: 1;
              padding: 28rpx 0;
              border-top: 2rpx solid #eee;
              .avatar{
                width: 70rpx;
                height: 70rpx;
                border-radius: 70rpx;
              }
              .info{
                font-size: 32rpx;
                color: #333;
                margin-left: 25rpx;
                .badge{
                  height: 40rpx;
                  width: 40rpx;
                  margin-left: 15rpx;
                }
                .consume-status{
                  width: 90rpx;
                  height: 34rpx;
                  border: 2rpx solid #50B300;
                  border-radius: 17rpx;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  font-size: 22rpx;
                  color: #55B507;
                  margin-left: 18rpx;
                  &.not{
                    border: 2rpx solid #D55000;
                    color: #D55000;
                  }
                }
              }
            }
            &:first-child{
              .user{
                border-top: none;
              }
            }
          }
        }
      }
    }
    .index-bar{
      display: flex;
      flex-direction: column;
      position: absolute;
      right: 14rpx;
      top: 50%;
      transform: translateY(-55%);
      font-size: 24rpx;
      text-align: center;
      background-color: #f7f7f7;
      padding: 20rpx 0;
      border-radius: 40rpx;
      .text{
        padding: 2rpx 16rpx;
      }
    }
    
  }
  .selected {
    // padding-bottom: 120rpx;  
    // padding-bottom: calc(constant(safe-area-inset-bottom) + 120rpx);  
    // padding-bottom: calc(env(safe-area-inset-bottom) + 120rpx);
  }
  // .footer{
  //   position: fixed;
  //   left: 0;
  //   right: 0;
  //   bottom: 0;
  //   padding-bottom: 0;  
  //   padding-bottom: constant(safe-area-inset-bottom);  
  //   padding-bottom: env(safe-area-inset-bottom);
  //   background-color: #fff;
  //   .btn-box{
  //     padding: 16rpx 24rpx;
  //     .btn{
  //       height: 88rpx;
  //       background: linear-gradient(0deg, #FBD220, #FFE23E);
  //       border-radius: 44rpx;
  //       .text{
  //         font-size: 32rpx;
  //         color: #333;
  //         margin-left: 16rpx;
  //       }
  //     }
  //   }
  // }
  
}

.cancel{
	width: 260rpx;
	height: 88rpx;
	text-align: center;
	line-height: 88rpx;
	background: #333333;
	border-radius: 44rpx 0px 0px 44rpx;
	color: #FFE23E;
}
.send{
	text-align: center;
	line-height: 88rpx;
	width: 260rpx;
	height: 88rpx;
	background: linear-gradient(0deg, #FBD220, #FFE23E);
	border-radius: 0px 44rpx 44rpx 0px;
	color: #333333;
}